@import '~antd/lib/style/themes/default.less';
@import '~antd/dist/antd.less';
@import "./_variables.less";

// 页面主要布局
.layout{
  width:100%;
  overflow-y: scroll;
  >.header{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    position: fixed;
    top:0;
    left:0;
    .logo{
      display: flex;
      justify-content: center;
      align-items: center;
      font-size:0;
      line-height:0;
      margin-bottom:0;
    }
    .menu{
      flex: 1;
      justify-content: flex-end;
      .ant-menu-item{
        .ant-menu-title-content{
          display:block;
          height: 100%;
        }
        &:hover{
          background-color:transparent;
        }
      }
      a{
        display:block;
        height: 100%;
        color:#fff;
        position: relative;
        &:hover, &.cur{
          color:@primary-color;
          &:after{
            content: '';
            display:block;
            position: absolute;
            bottom:0;
            left:0;
            width:100%;
            height:3px;
            background-color:@primary-color;
          }
        }
      }
    }
  }
  >.content{
    width: 100%;
    padding-top:64px;
    padding-bottom:40px;
    min-height:calc(100vh - 100px);
  }
  >.footer{
    width:100%;
    text-align:center;
    background-color: #333;
    color:#fff;
  }
  .breadcrumb{
    margin-top:15px;
    margin-bottom:5px;
  }
  @media  @md-down {
    >.header{
      padding: 0 15px;
      height: 50px;
      line-height: 50px;
      .logo{
        width:80px;
      }
    }
    >.content{
      padding: 0 15px;
      padding-top:50px;
      padding-bottom:20px;
      min-height:calc(100vh - 92px);
    }
    >.footer{
      padding:20px  15px;
    }
  }
}